<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>首页</title>
    <meta name="description" content="Sufee Admin - HTML5 Admin Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../resources/assets/css/normalize.css">
    <link rel="stylesheet" href="../resources/assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../resources/assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="../resources/assets/css/themify-icons.css">
    <link rel="stylesheet" href="../resources/assets/css/flag-icon.min.css">
    <link rel="stylesheet" href="../resources/assets/css/cs-skin-elastic.css">
    <!-- <link rel="stylesheet" href="assets/css/bootstrap-select.less"> -->
    <link rel="stylesheet" href="../resources/assets/scss/style.css">
    <link href="../resources/assets/css/lib/vector-map/jqvmap.min.css" rel="stylesheet">

    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>

    <!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> -->

</head>
<body>


        <!-- Left Panel -->

    <aside id="left-panel" class="left-panel">
        <nav class="navbar navbar-expand-sm navbar-default">

            <div class="navbar-header">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="page.do?pagename=main">宿舍管理系统</a>
                <a class="navbar-brand hidden" href="page.do?pagename=main"><img src="../resources/images/logo2.png" alt="Logo"></a>
            </div>

            <div id="main-menu" class="main-menu collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <h3 class="menu-title">学生</h3>
                    <li class="active">
                        <a href="page.do?pagename=proclamation"> <i class="menu-icon fa fa-dashboard"></i>公告信息 </a>
                        <a href="page.do?pagename=goodRequest"> <i class="menu-icon fa fa-dashboard"></i>物品报修 </a>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </nav>
    </aside><!-- /#left-panel -->

    <!-- Left Panel -->

    <!-- Right Panel -->

    <div id="right-panel" class="right-panel">

        <!-- Header-->
        <header id="header" class="header">

            <div class="header-menu">

                <div class="col-sm-7">
                    <a id="menuToggle" class="menutoggle pull-left"><i class="fa fa fa-tasks"></i></a>
                </div>

                <div class="col-sm-5">
                    <div class="user-area dropdown float-right">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="userName"></a>
                        </a>
                        <div class="user-menu dropdown-menu">
                            <a class="nav-link" href="javascript:void(0)" onclick="showStuInfoInfoModal()"><i class="fa fa-power -off"></i>修改个人信息</a>
                            <a class="nav-link" href="javascript:void(0)" onclick="showPasswordModel()"><i class="fa fa-power -off"></i>修改密码</a>
                            <a class="nav-link" href="logout.do"><i class="fa fa-power -off"></i>退出</a>
                        </div>
                    </div>
                </div>
            </div>

        </header><!-- /header -->
        <!-- Header-->

        <!-- .content -->
    </div><!-- /#right-panel -->

    <!-- Right Panel -->
    
    <div class="modal fade" id="getStuInfoInfoModal" tabindex="-1"
            aria-labelledby="largeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="smallmodalLabel">个人信息</h5>
                        <button type="button" class="close" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            <form id="getStuInfoInfo">
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getStuInfoId" class="control-label mb-1">工号</label>
                                        <input id="getStuInfoId" name="getStuInfoId" type="text" class="form-control">
                                    </div>
                                    <div class="col col-md-6">
                                        <label for="getStuInfoName" class="control-label mb-1">姓名</label>
                                        <input id="getStuInfoName" name="getStuInfoName" type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getStuInfoBirthday" class="control-label mb-1">出生日期</label>
                                        <input id="getStuInfoBirthday" name="getStuInfoBirthday" type="text" class="form-control">
                                    </div>
                                    <div class="col col-md-6">
                                        <label for="getStuInfoSex" class="control-label mb-1">性别</label>
                                        <select id="getStuInfoSex" name="getStuInfoSex" class="form-control">
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-6">
                                        <label for="getStuInfoTel" class="control-label mb-1">联系电话</label>
                                        <input id="getStuInfoTel" name="getStuInfoTel" type="text" class="form-control">
                                    </div>
                                    <div class="col col-md-6">
                                        <label for="getStuInfoParentTel" class="control-label mb-1">家长联系电话</label>
                                        <input id="getStuInfoParentTel" name="getStuInfoParentTel" type="text" class="form-control">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-secondary" form="getStuInfoInfo">提交修改</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="updatePasswordModel" tabindex="-1"
            aria-labelledby="largeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="smallmodalLabel1">修改密码</h5>
                        <button type="button" class="close" data-dismiss="modal"
                            aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div>
                            <form id="updatePassword">
                                <div class="form-group">
                                    <label for="oldPassword" class="control-label mb-1">原密码</label>
                                    <input id="oldPassword" name="oldPassword" type="password" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="password" class="control-label mb-1">新密码</label>
                                    <input id="password" name="password" type="password"
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="password_again" class="control-label mb-1">请再次输入新密码</label>
                                    <input id="password_again" name="password_again" type="password"
                                        class="form-control">
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-secondary" form="updatePassword">修改密码</button>
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>

    <script src="../resources/assets/js/vendor/jquery-2.1.4.min.js"></script>
    <script src="../resources/dormmsjs/popper.min.js"></script>
    <script src="../resources/dormmsjs/bootstrap.min.js"></script>
    <script src="../resources/assets/js/jquery.validate.min.js"></script>
    <script src="../resources/dormmsjs/bootstrap-paginator.js"></script>
    <script src="../resources/dormmsjs/moment.js"></script>
    <script src="../resources/dormmsjs/moment-with-locales.min.js"></script>
    <script src="../resources/dormmsjs/stu/main.js"></script>
</body>
</html>
